<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<!-- Head BEGIN -->
<head>
  <meta charset="utf-8">
  <title>前端界面</title>

  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <meta content="Metronic Shop UI description" name="description">
  <meta content="Metronic Shop UI keywords" name="keywords">
  <meta content="keenthemes" name="author">

  <meta property="og:site_name" content="-CUSTOMER VALUE-">
  <meta property="og:title" content="-CUSTOMER VALUE-">
  <meta property="og:description" content="-CUSTOMER VALUE-">
  <meta property="og:type" content="website">
  <meta property="og:image" content="-CUSTOMER VALUE-"><!-- link to image for socio -->
  <meta property="og:url" content="-CUSTOMER VALUE-">

  <link rel="shortcut icon" href="favicon.ico">

  <!-- Fonts START -->
  
  <!-- Fonts END -->

  <!-- Global styles START -->          
  <link href="__ASSETS__/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="__ASSETS__/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Global styles END --> 
   
  <!-- Page level plugin styles START -->
  <link href="__ASSETS__/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
  <link href="__ASSETS__/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
  <link href="__ASSETS__/global/plugins/slider-revolution-slider/rs-plugin/css/settings.css" rel="stylesheet">
  <!-- Page level plugin styles END -->

  <!-- Theme styles START -->
  <link href="__ASSETS__/global/css/components.css" rel="stylesheet">
  <link href="__ASSETS__/frontend/layout/css/style.css" rel="stylesheet">
  <link href="__ASSETS__/frontend/pages/css/style-revolution-slider.css" rel="stylesheet"><!-- metronic revo slider styles -->
  <link href="__ASSETS__/frontend/layout/css/style-responsive.css" rel="stylesheet">
  <link href="__ASSETS__/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
  <link href="__ASSETS__/frontend/layout/css/custom.css" rel="stylesheet">
  <!-- Theme styles END -->
  <block name="style"></block>
</head>
<!-- Head END -->

<!-- Body BEGIN -->
<body class="corporate">
    <!-- BEGIN STYLE CUSTOMIZER -->
    <div class="color-panel hidden-sm">
      <div class="color-mode-icons icon-color"></div>
      <div class="color-mode-icons icon-color-close"></div>
      <div class="color-mode">
        <p>主题颜色</p>
        <ul class="inline">
          <li class="color-red current color-default" data-style="red" data-original-title="中国红" ></li>
          <li class="color-blue" data-style="blue"></li>
          <li class="color-green" data-style="green"></li>
          <li class="color-orange" data-style="orange"></li>
          <li class="color-gray" data-style="gray"></li>
          <li class="color-turquoise" data-style="turquoise"></li>
        </ul>
      </div>
    </div>
    <!-- END BEGIN STYLE CUSTOMIZER --> 

    <!-- BEGIN TOP BAR -->
    <div class="pre-header">
        <div class="container">
            <div class="row">
                <!-- BEGIN TOP BAR LEFT PART -->
                <div class="col-md-6 col-sm-6 additional-shop-info">
                    <ul class="list-unstyled list-inline">
                        <li><i class="fa fa-phone"></i><span> 131 6106 4387</span></li>
                        <li><i class="fa fa-envelope-o"></i><span>449237205@qq.com</span></li>
                    </ul>
                </div>
                <!-- END TOP BAR LEFT PART -->
                <!-- BEGIN TOP BAR MENU -->
                <div class="col-md-6 col-sm-6 additional-nav">
                    <ul class="list-unstyled list-inline pull-right">
                        <li><a href="page-login.html">登陆</a></li>
                        <li><a href="page-reg-page.html">注册</a></li>
                    </ul>
                </div>
                <!-- END TOP BAR MENU -->
            </div>
        </div>        
    </div>
    <!-- END TOP BAR -->
    <!-- BEGIN HEADER -->
    <div class="header">
      <div class="container">
        <a class="site-logo" href="index.html"><img src="__ASSETS__/frontend/layout/img/logos/logo-corp-red.png" alt="Metronic FrontEnd"></a>

        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>

        <!-- BEGIN NAVIGATION -->
        <div class="header-navigation pull-right font-transform-inherit">
          <ul>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="index.html#">
                主页 
                
              </a>
                
              <ul class="dropdown-menu">
                <li class="active"><a href="index.html">默认首页</a></li>
                <li><a href="index-header-fix.html">头部固定的主页</a></li>
                <li><a href="index-without-topbar.html">没有顶部栏的主页</a></li>
              </ul>
            </li>
           


            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="index.html#">
                界面 
                
              </a>
                
              <ul class="dropdown-menu">
                <li><a href="page-about.html">关于我们</a></li>
                <li><a href="page-services.html">Services</a></li>
                <li><a href="page-prices.html">Prices</a></li>
                <li><a href="page-faq.html">疑难解答</a></li>
                <li><a href="page-gallery.html">Gallery</a></li>
                <li><a href="page-search-result.html">查询结果</a></li>
                <li><a href="page-404.html">404</a></li>
                <li><a href="page-500.html">500</a></li>
                <li><a href="page-login.html">Login Page</a></li>
                <li><a href="page-forgotton-password.html">Forget Password</a></li>
                <li><a href="page-reg-page.html">Signup Page</a></li>
                <li><a href="page-careers.html">售后服务</a></li>
                <li><a href="page-site-map.html">Site Map</a></li>
                <li><a href="page-contacts.html">Contact</a></li>                
              </ul>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="index.html#">
                Features 
                
              </a>
                
              <ul class="dropdown-menu">
                <li><a href="feature-typography.html">Typography</a></li>
                <li><a href="feature-buttons.html">Buttons</a></li>
                <li><a href="feature-forms.html">Forms</a></li>
                
                <li class="dropdown-submenu">
                  <a href="index.html">Multi level <i class="fa fa-angle-right"></i></a>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="index.html">Second Level Link</a></li>
                    <li><a href="index.html">Second Level Link</a></li>
                    <li class="dropdown-submenu">
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="index.html#">
                        Second Level Link 
                        <i class="fa fa-angle-right"></i>
                      </a>
                      <ul class="dropdown-menu">
                        <li><a href="index.html">Third Level Link</a></li>
                        <li><a href="index.html">Third Level Link</a></li>
                        <li><a href="index.html">Third Level Link</a></li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="index.html#">
                Portfolio 
                
              </a>
                
              <ul class="dropdown-menu">
                <li><a href="portfolio-4.html">Portfolio 4</a></li>
                <li><a href="portfolio-3.html">Portfolio 3</a></li>
                <li><a href="portfolio-2.html">Portfolio 2</a></li>
                <li><a href="portfolio-item.html">Portfolio Item</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="index.html#">
                Blog 
                
              </a>
                
              <ul class="dropdown-menu">
                <li><a href="blog.html">Blog Page</a></li>
                <li><a href="blog-item.html">Blog Item</a></li>
              </ul>
            </li>

             <li class="dropdown dropdown-megamenu">
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="index.html#">
                Mega Menu
                
              </a>
              <ul class="dropdown-menu">
                <li>
                  <div class="header-navigation-content">
                    <div class="row">
                      <div class="col-md-4 header-navigation-col">
                        <h4>鞋靴</h4>
                        <ul>
                          <li><a href="index.html">Astro 工作装</a></li>
                          <li><a href="index.html">篮球鞋</a></li>
                          <li><a href="index.html">Boots</a></li>
                          <li><a href="index.html">Canvas Shoes</a></li>
                          <li><a href="index.html">足球靴</a></li>
                          <li><a href="index.html">Golf Shoes</a></li>
                          <li><a href="index.html">外套</a></li>
                          <li><a href="index.html">Indoor 工作装</a></li>
                        </ul>
                      </div>
                      <div class="col-md-4 header-navigation-col">
                        <h4>服装外套</h4>
                        <ul>
                          <li><a href="index.html">Base Layer</a></li>
                          <li><a href="index.html">Character</a></li>
                          <li><a href="index.html">帆布裤</a></li>
                          <li><a href="index.html">Combats</a></li>
                          <li><a href="index.html">Cricket Clothing</a></li>
                          <li><a href="index.html">Fleeces</a></li>
                          <li><a href="index.html">Gilets</a></li>
                          <li><a href="index.html">Golf Tops</a></li>
                        </ul>
                      </div>
                      <div class="col-md-4 header-navigation-col">
                        <h4>珠宝饰品</h4>
                        <ul>
                          <li><a href="index.html">Belts</a></li>
                          <li><a href="index.html">Caps</a></li>
                          <li><a href="index.html">Gloves</a></li>
                        </ul>

                        <h4>便装</h4>
                        <ul>
                          <li><a href="index.html">Jackets</a></li>
                          <li><a href="index.html">Bottoms</a></li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </li>   

            <li><a href="shop-index.html" target="_blank">网上商城</a></li>
            <li><a href="onepage-index.html" target="_blank">单页面</a></li>
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin" target="_blank">Admin theme</a></li>

            <!-- BEGIN TOP SEARCH -->
            <li class="menu-search">
              <span class="sep"></span>
              <i class="fa fa-search search-btn"></i>
              <div class="search-box">
                <form action="index.html#">
                  <div class="input-group">
                    <input type="text" placeholder="请输入要搜索的内容..." class="form-control">
                    <span class="input-group-btn">
                      <button class="btn btn-primary" type="submit">搜索</button>
                    </span>
                  </div>
                </form>
              </div> 
            </li>
            <!-- END TOP SEARCH -->
          </ul>
        </div>
        <!-- END NAVIGATION -->
      </div>
    </div>
    <!-- Header END -->
    
    
    
    
    
    
    
    
    
    
    
    <block name="body">
        <!--主体内容-->

    </block>
    
    
    
    
    
    
    
    
    
    
    

    <!-- BEGIN PRE-FOOTER -->
    <div class="pre-footer">
      <div class="container">
        <div class="row">
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
          <div class="col-md-4 col-sm-6 pre-footer-col">
            <h2>关于我们</h2>
            <p>我们是一家技术驱动的公司，从成立伊始就投入巨资开发完善可靠、能够不断升级、以电商应用服务为核心的自有技术平台。我们将继续增强公司的技术平台实力，以便更好地提升内部运营效率，同时为合作伙伴提供卓越服务</p>
            <div class="photo-stream">
              <h2>照片墙</h2>
              <ul class="list-unstyled">
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/people/img5-small.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img1.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/people/img4-large.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img6.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img3.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/people/img2-large.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img2.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img5.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/people/img5-small.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img1.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/people/img4-large.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img6.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img3.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/people/img2-large.jpg"></a></li>
                <li><a href="index.html#"><img alt="" src="__ASSETS__/frontend/pages/img/works/img2.jpg"></a></li>
              </ul>                    
            </div>
          </div>
          <!-- END BOTTOM ABOUT BLOCK -->

          <!-- BEGIN BOTTOM CONTACTS -->
          <div class="col-md-4 col-sm-6 pre-footer-col">
            <h2>联系我们</h2>
            <address class="margin-bottom-40">
              北京市海淀区<br>
              北三环中路43号院9#<br>
              电话: 131 6106 4387<br>
              传真: 010  4453 552<br>
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
              Skype: <a href="skype:metronic">metronic</a>
            </address>

            <div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
              <h2>邮件订阅</h2>
              <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
              <form action="index.html#">
                <div class="input-group">
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
                  <span class="input-group-btn">
                    <button class="btn btn-primary" type="submit">订阅</button>
                  </span>
                </div>
              </form>
            </div>
          </div>
          <!-- END BOTTOM CONTACTS -->

          <!-- BEGIN TWITTER BLOCK --> 
          <div class="col-md-4 col-sm-6 pre-footer-col">
            <h2 class="margin-bottom-0">Latest Tweets</h2>
            <a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="455411516829736961" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets by @keenthemes...</a>
          </div>
          <!-- END TWITTER BLOCK -->
        </div>
      </div>
    </div>
    <!-- END PRE-FOOTER -->

    <!-- BEGIN FOOTER -->
    <div class="footer">
      <div class="container">
        <div class="row">
          <!-- BEGIN COPYRIGHT -->
          <div class="col-md-6 col-sm-6 padding-top-10">
            2014 © Metronic 商城 UI. 版权所有. <a href="index.html#">隐私策略</a> | <a href="index.html#">服务条款</a>
          </div>
          <!-- END COPYRIGHT -->
          <!-- BEGIN PAYMENTS -->
          <div class="col-md-6 col-sm-6">
            <ul class="social-footer list-unstyled list-inline pull-right">
              <li><a href="index.html#"><i class="fa fa-qq"></i></a></li>
              <li><a href="index.html#"><i class="fa fa-wechat"></i></a></li>
              <li><a href="index.html#"><i class="fa fa-tencent-weibo"></i></a></li>
              <li><a href="index.html#"><i class="fa fa-weibo"></i></a></li>
              <li><a href="index.html#"><i class="fa fa-renren"></i></a></li>
              <li><a href="index.html#"><i class="fa fa-skype"></i></a></li>
              <li><a href="index.html#"><i class="fa fa-github"></i></a></li>
              <li><a href="index.html#"><i class="fa fa-windows"></i></a></li>
              <li><a href="index.html#"><i class="fa fa fa-apple"></i></a></li>
            </ul>  
          </div>
          <!-- END PAYMENTS -->
        </div>
      </div>
    </div>
    <!-- END FOOTER -->

    <!-- Load javascripts at bottom, this will reduce page load time -->
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
    <!--[if lt IE 9]>
    <script src="__ASSETS__/global/plugins/respond.min.js"></script>
    <![endif]--> 
    <script src="__ASSETS__/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="__ASSETS__/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
    <script src="__ASSETS__/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
    <script src="__ASSETS__/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->

    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
    <script src="__ASSETS__/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
    <script src="__ASSETS__/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script><!-- slider for products -->

    <!-- BEGIN RevolutionSlider -->  
    <script src="__ASSETS__/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script> 
    <script src="__ASSETS__/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js" type="text/javascript"></script> 
    <script src="__ASSETS__/frontend/pages/scripts/revo-slider-init.js" type="text/javascript"></script>
    <!-- END RevolutionSlider -->
    
    <block name='script'>
    <script src="__ASSETS__/frontend/layout/scripts/layout.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            Layout.init();    
            Layout.initOWL();
            RevosliderInit.initRevoSlider();
            //Layout.initFixHeaderWithPreHeader(); /* Switch On Header Fixing (only if you have pre-header) */
            //Layout.initNavScrolling(); 
        });
    </script>
    <!-- END PAGE LEVEL JAVASCRIPTS -->
    
        
        
    </block>
</body>

<!-- END BODY -->
</html>    